<ui:composition template="../templates/mainTemplate.xhtml" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">
	<ui:define name="content">
		<h:form id="myForm">
			<p:panel>
				<f:facet name="header">
					<h:outputText value="#{messages['changeUsernameAndPassword.title']}" />
				</f:facet>
				<p:panelGrid columns="2">
					<h:outputText value="#{messages['defineUserGroup.name']} : " />
					<h:outputText value="#{cChangeUsernameAndPasswordForm.user.name}" />

					<h:outputText value="#{messages['changeUsernameAndPassword.username']} : " />
					<p:inputText value="#{cChangeUsernameAndPasswordForm.username}" />

					<h:outputText value="#{messages['changeUsernameAndPassword.password']} : " />
					<p:inputText value="#{cChangeUsernameAndPasswordForm.password}" />

					<h:outputText value="" />
					<h:panelGroup>
						<p:commandButton value="#{messages['action.save']}" action="#{cChangeUsernameAndPasswordAction.save()}" />
						<p:commandButton value="#{messages['action.cancel']}" action="#{cChangeUsernameAndPasswordAction.cancel()}" />
					</h:panelGroup>
				</p:panelGrid>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>